<template>
  <div class="top">
    <!-- <img src="../../assets/left.png" style="margin-left: 20px; " width="20px"  alt=""> -->
    <van-icon name="arrow-left" size="20" class="left" @click="fh" />
    <div class="aaa">
    <van-tabs v-model="active" class="right">
      <van-tab title="关注">
        <div class="att">
          <Keep></Keep>
        </div>
      </van-tab>
      <van-tab title="粉丝">
        <span class="att">
          <Kee></Kee>
        </span>
      </van-tab>
      <van-tab title="推荐">
        <div class="att">关注</div>
      </van-tab>
    </van-tabs>
    <div class="xx"></div>
    </div>
  </div>
</template>

<script>
import Keep from "../../components/Keep.vue";
import Kee from "../../components/Kee.vue";

export default {
  components: {
    Keep,
    Kee
  },
  data() {
    return {
      active: 0,
    };
  },
  methods: {
    fh() {
      this.$router.go(-1)
    }
  }
};
</script>

<style scoped>
.top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.right {
  margin-top: 20px;
}
.van-tabs__wrap {
  width: 200px !important;
}
.xx {
  width: 50px;
}
.left {
  margin-left: 10px;
  position: relative;
  top: -120px;
}
.att {
  width: 380px;
  /* background: #000; */
  margin-left: -95px;
  display: inline-block;
}
.right.van-tabs.van-tabs--line {
  width: 170px;
}
.aaa{
  width: 290px;
}
</style>